.list-block-page {
    margin-top: 10px;

    .car-list-info {
        margin: 15px 0;
        padding: 0 6px;
        background: #fff;
        border-radius: 3px;

        li {
            &:last-child {}
        }


        li.media{
          .media-left{

            a{
              img{
                // max-width: 130px;
              }
            }
          }
          .media-body{
            p{
              padding: 0;
              &:nth-child(2){
                font-size: 1.3rem;
              }
              &:nth-child(4){
                max-width: 190px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-break: break-all;
              }
            }

            
          }
        }

    }

    .list-query {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: center;
        background: #fff;
        border-radius: 3px;
        padding: 8px;
        .dropdown-query {
          // border-right: 1px dashed #999;
          // padding-right: 23px;
          width:40%;
          .sel-btn{
            background-color: #eee;
            border: 0;
            padding: 0.9rem;

    width: 100%;
            // width: 90%;
          }

          .dropdown-menu{
            min-width: 345px;
            width: 100%;
            text-align: left;
            padding: 0;
            border: 0;
            margin-top: 0;
            li{

              a{
                text-align: left;
                padding: 9px;
                border-bottom: 1px dashed #999;
              }
              &:last-child{

                a{
                  border-bottom: 0;
                }
              }
            }
          }
        }

        .pq {
            height: inherit;
        }

        .price-query {
          display: flex;
          flex-direction: row;
          justify-content:flex-end;
          flex-wrap: nowrap;
          align-items: center;
          width:60%;
          *{
            padding: 0 2px;
          }
            input[type="tel"] {
                width: 5rem;
                text-align: center;
                border: 1px solid #999;
                padding: 9px;
                border-radius: 3px;

                .max-price{
                  padding-right: 0
                }
            }
            span{

              &:first-child{
                border-left: 1px dashed #999;
                padding-left: 21px;
              }
            }
        }
    }
}



.list-page-info-link {
    padding: 10px 12px;
    text-align: center;
    color: #FC2D1C;
    font-size: 1.4rem;
    background: #EEE;
    border-radius: 2px;
    display: inline-block;

    &:active,
    &:hover {
        color: white;
        text-shadow: 0 0 3px #fff;
    }
}

.back-link{
  color: red;
  border-top: 1px dashed #e3e3e3;
}


@media only screen and (max-device-width:321px) and (-webkit-min-device-pixel-ratio:2) {

  .list-block-page{

    .car-list-info{
      li.media{
        .media-left{

          a{
            img{
              max-width: 130px;
            }
          }
        }
        .media-body{
          p{
              padding: 0;
            &:nth-child(4){
              max-width: 170px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              word-break: break-all;
            }
          }

          .list-page-info-link{
            padding: 4px;
          }
        }
      }
    }

    .list-query{

      .dropdown-query{

        .sel-btn{
          padding: 0.9rem 0.3rem;
        }
      }

      .dropdown{
        .dropdown-menu{
          min-width: 290px;
          width: 100%;
          text-align: left;
          padding: 0;
          border: 0;
          margin-top: 0;
          li{
            a{
              // padding: 3px;
            }
          }
        }
        .sel-btn{
          // padding-left: 0;
          // padding-right: 0;

        }
      }
      .price-query{
        input[type="text"] {
            width: 3.5rem;
        }
        span{

          &:first-child{
            border-left: 0;
            padding-left: 0;
          }
        }
      }
    }
  }
}


@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait){

    .list-block-page{

      .list-query{

        .price-query{

          span{

            &:first-child{

              padding-left: 42px;
            }
          }
        }
      }
    }

  }

// common android
  @media only screen
  and (min-device-width: 321px)
  and (max-device-width: 360px)
  and (orientation: portrait){

    .list-block-page{

      .list-query{


        .dropdown-query{

          .dropdown-menu{

            min-width: 330px;
          }
        }

        .price-query{

          span{

            &:first-child{

              border-left: 0;
            }
          }
        }
      }
    }

  }
